<template>
    <div class="swiper">
      <el-carousel :autoplay="true" :interval="4000" type="card" height="250px" >
        <el-carousel-item v-for="(item,index) in swiperImg"
        :key="index"
        >
          <div class="banner_img" :style="{'background-image': 'url('+item.imageUrl+')'}"></div>
        </el-carousel-item>
      </el-carousel>
    </div>
</template>

<script>
export default {
    name: 'swiper',
    props: [
      'swiperImg'
    ],
    data() {
        return {

        };
    },
    computed: {

    },
    created() {

    },
    mounted() {

    },
    watch: {

    },
    methods: {
      setSize(){

      }
    },
    components: {

    },
};
</script>

<style scoped lang="less">
@itemecolor:#c62f2f;
@more:#666666;
@title:20px;
.position_flex(@jc:space-between,@ai:center){
  display: flex;
  align-items: @ai;
  justify-content: @jc;
}
 .swiper{
  width: 100%;
  height: 280px;
  position: relative;
  margin-top: 30px;
  .el-carousel__item {
    div{
      height: 250px;
      background-size: cover;
    }
  }
 }
</style>
